<style>
    .table1 tr td,.table1 tr th{
        border: 1px solid #e7ecf1 !important;

    }
    .top_title {
        width: 100%;
        margin: 10px auto;
        font-size: 16px;
        font-weight: 700;
        line-height: 35px;
        text-align: center;
        letter-spacing: 15px;
    }
    .table1 tr th,.table1 tr td {
        text-align: center;
    }
    .title_font {
        font-size: 14px;
        font-weight: 700;
    }
</style>
<div class="portlet-body" style="text-align: center;">
    <div class="lt-box" style="border-left:1px solid #DFE1E3;border-right:1px solid #DFE1E3;">
        <div class="top_title" >应缴费信息</div>
        <table id="noticeInfo" class="table table1 table-striped table-bordered table-hover" style="width: 100%;margin: 0 auto; ">
            <tr>
                <th>费用种类</th>
                <th>应缴金额</th>
                <th>缴费截止日</th>
                <th>费用状态</th>
            </tr>
            @if($unpaids->isEmpty())
                <tr>
                    <td colspan="4">无信息</td>
                </tr>
            @else
                @foreach($unpaids as $unpaid)
                    <tr class="simple_bag">
                        <td>{{$unpaid->type_name ?? ''}}</td>
                        <td>  {{$unpaid->amount ?? ''}} </td>
                        <td>{{$unpaid->last_time ?? ''}}</td>
                        <td>未缴费</td>
                    </tr>
                @endforeach
            @endif

        </table>

        <div class="top_title">已缴费信息</div>
        <table id="transactionInfo" class="table table1 table-striped table-bordered table-hover" style="width: 100%;margin: 0 auto; ">
            <tr>
                <th width="150px">费用种类</th>
                <th width="150px">缴费金额</th>
                <th width="150px">缴费日期</th>
                <th width="150px">缴费人姓名</th>
                <th>票据代码</th>
                <th>票据编号(收据号)</th>
            </tr>
            @if($paids->isEmpty())
                <tr>
                    <td colspan="6">无缴费信息</td>
                </tr>
            @else
                @foreach($paids as $paid)
                    <tr>
                        <th>{{$paid->type_name ?? ''}}</th>
                        <th>{{$paid->amount ?? ''}}</th>
                        <th>{{$paid->pay_time ?? ''}}</th>
                        <th>{{$paid->payer ?? ''}}</th>
                        <th>{{$paid->bill_code ?? '-'}}</th>
                        <th>{{$paid->bill_number ?? ''}}</th>
                    </tr>
                @endforeach
            @endif
        </table>
    </div>
</div>
